<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/template.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<title>首页</title>
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="head">
					<div class="catalog" id="log">
						<a href="#"><i class="iconfont icon-mulu-copy"></i></a>
						<div class="circle">
							<p>1</p>
						</div>
					</div>
					<img src="img/template/logo_03.png" />
					<div class="search" id="search_but">
						<a href="#"><i class="iconfont icon-chazhao"></i></a>
					</div>
				</div>
			</header>
			<!--中间部分-->
			<section>
				<!--轮播图-->
				<div id="move_pic">
					<div class="movepic_nav" id="movepic_nav">
			            <ul>
			                <li class="changecolor"></li>
			                <li></li>
			                <li></li>
			            </ul>
			       </div>
					<div id="banner">
						<div class="banner_item overflow" onclick="window.open('about.html','_self');" style="opacity: 1;">
							<img src="img/about_02.jpg" />
							<div class="banner_tit_bg">
								<div class="banner_tit">
									<p>省广股份携手阿里妈妈举行DT大时代 全息营销全息营销全息营销</p>
									<div class="article_inf overflow">
										<p class="love">
											<i class="iconfont icon-tubiao-"></i><span>120</span>
										</p>
										<p class="see">
											<i class="iconfont icon-see"></i><span>560</span>
										</p>
										<p class="date">
											12月26日 07:33:43
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="banner_item overflow" onclick="window.open('course.html','_self');">
							<img src="img/course_02.jpg" />
							<div class="banner_tit_bg">
								<div class="banner_tit">
									<p>预装软件的红与黑!从加法到减法</p>
									<div class="article_inf overflow">
										<p class="love">
											<i class="iconfont icon-tubiao-"></i><span>120</span>
										</p>
										<p class="see">
											<i class="iconfont icon-see"></i><span>560</span>
										</p>
										<p class="date">
											12月26日 07:33:43
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="banner_item overflow" onclick="window.open('source.html','_self');">
							<img src="img/source_02.jpg" />
							<div class="banner_tit_bg">
								<div class="banner_tit">
									<p>线下媒体资源 饿了么线下媒体资源</p>
									<div class="article_inf overflow">
										<p class="love">
											<i class="iconfont icon-tubiao-"></i><span>120</span>
										</p>
										<p class="see">
											<i class="iconfont icon-see"></i><span>560</span>
										</p>
										<p class="date">
											12月26日 07:33:43
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="cont_bg">
					<!--头条文章-->
					<div class="top_line overflow">
						<div class="topline_item overflow">
							<img src="img/index1_03.jpg" />
							<div class="top_article_tit overflow">
								<p>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿
								</p>
								<p><span>2小时前</span><span>[案例观点]</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>120</span></p>
							</div>
						</div>
						<div class="topline_item overflow">
							<img src="img/index1_06.jpg" />
							<div class="top_article_tit overflow">
								<p>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿
								</p>
								<p><span>5小时前</span><span>[课程]</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>866</span></p>
							</div>
						</div>
					</div>
					<!--横栏文章-->
					<div class="pic_article">
						<div class="pic_article_item">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="three_pic">
								<img src="img/index1_09.jpg" />
								<img src="img/index1_11.jpg" />
								<img src="img/index1_13.jpg" />
							</div>
							<div>
								<p><img src="img/user_pic_03.png" /><span>陈正光</span></p>
								<p><i class="iconfont icon-duihuakuang"></i><span>6868</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>4808</span></p>
								<p><span>2天前</span><span>[案例观点]</span></p>
							</div>
						</div>
					</div>

					<!--头条文章-->
					<div class="top_line overflow">
						<div class="topline_item overflow">
							<img src="img/index1_18.jpg" />
							<div class="top_article_tit overflow">
								<p>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿
								</p>
								<p><span>2小时前</span><span>[案例观点]</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>120</span></p>
							</div>
						</div>
						<div class="topline_item overflow">
							<img src="img/index1_20.jpg" />
							<div class="top_article_tit overflow">
								<p>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿
								</p>
								<p><span>5小时前</span><span>[课程]</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>866</span></p>
							</div>
						</div>
					</div>

					<!--横栏文章-->
					<div class="pic_article" style="margin-top:0;">
						<div class="pic_article_item">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<div class="three_pic">
								<img src="img/index1_22.jpg" />
								<img src="img/index1_24.jpg" />
								<img src="img/index1_26.jpg" />
							</div>
							<div>
								<p><img src="img/user_pic_03.png" /><span>陈正光</span></p>
								<p><i class="iconfont icon-duihuakuang"></i><span>6868</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>4808</span></p>
								<p><span>2天前</span><span>[案例观点]</span></p>
							</div>
						</div>
					</div>
					<!--头条文章-->
					<div class="top_line overflow">
						<div class="topline_item overflow">
							<img src="img/index1_31.jpg" />
							<div class="top_article_tit overflow">
								<p>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿
								</p>
								<p><span>2小时前</span><span>[案例观点]</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>120</span></p>
							</div>
						</div>
						<div class="topline_item overflow">
							<img src="img/index1_33.jpg" />
							<div class="top_article_tit overflow">
								<p>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿
								</p>
								<p><span>5小时前</span><span>[课程]</span></p>
								<p><i class="iconfont icon-tubiao-"></i><span>866</span></p>
							</div>
						</div>
					</div>
					<div class="more_cont_bg">
						<p>加载更多</p>
					</div>

				</div>

			</section>
			<!--尾部-->
			<footer>
				<div class="foot overflow">
					<div class="foot_item" onclick="window.open('index.html','_self');">
						<img src="img/template/foot_17.png" />
						<p>首页</p>
					</div>
					<div class="foot_item" onclick="window.open('about.html','_self');">
						<img src="img/template/foot_08.png" />
						<p>GIMC</p>
					</div>
					<div class="foot_item">
						<img src="img/template/foot_18.png" />
						<p>文章</p>
					</div>
					<div class="foot_item" onclick="window.open('source.html','_self');">
						<img src="img/template/foot_10.png" />
						<p>资源</p>
					</div>
					<div class="foot_item" onclick="window.open('course.html','_self');">
						<img src="img/template/foot_13.png" />
						<p>学院</p>
					</div>
				</div>
			</footer>
		</div>
		<!--用户界面-->
		<div class="user_bg" id="user_page">
			<div class="user_page_cont">
				<div class="user_page_search">
					<img src="img/close_03.png" id="userpage_close" />
					<form action="">
						<a href="#"><i class="iconfont icon-fangdajing1"></i></a>
						<input type="text" placeholder="Search" autocomplete="off" class="search_input" />
					</form>
				</div>
				<div class="user">
					<img src="img/user_pic_01.png" />
					<p>
						<a href="login.html">立即登陆</a>
					</p>
					<p>
						<a href="#">忘记密码</a>
					</p>
				</div>

				<div class="nav">
					<ul>
						<li>GIMC<i class="iconfont icon-qianjinxiayige"></i></li>
						<li>文章<i class="iconfont icon-qianjinxiayige"></i></li>
						<li>资源<i class="iconfont icon-qianjinxiayige"></i></li>
						<li>课程<i class="iconfont icon-qianjinxiayige"></i></li>
					</ul>
				</div>

			</div>
		</div>
		<!--搜索界面-->
		<div class="search_page" id="search_page_id">
			<div class="search_page_top">
				<div class="user_page_search">
					<img src="img/close_03.png" id="searchpage_close" />
					<form action="">
						<a href="#"><i class="iconfont icon-fangdajing1"></i></a>
						<input type="text" placeholder="Search" autocomplete="off" class="search_input" />
					</form>
				</div>
			</div>

			<div class="hot_search">
				<p>热搜</p>
				<ul>
					<li>省广股份</li>
					<li>移动互联网</li>
					<li>细分平台业务</li>
					<li>O2O</li>
					<li>媒介平台</li>
					<li>拥抱变革,创造未来</li>
					<li>平台</li>
					<li>上海金投赏创意节</li>
				</ul>
			</div>

		</div>
		<script type="text/javascript" src="js/rem.js"></script>
		<script type="text/javascript" src="js/page_display.js"></script>
		<script type="text/javascript" src="js/move_in_turn.js"></script>
	</body>

</html>